.statistical{
  width: 100%;
  padding: 15px 15px;
  box-sizing: border-box;
  .headScreenBox{
    width: 100%;
    .et-flex-start();
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
    .titleBox{
      width: 120px;
      margin-right:5px;
    }
    .titleEndBox{
      width: 120px;
      margin-left: 20px;
      margin-right:5px;
    }
  }
  .headBox{
    width: 100%;
    .et-flex-spacebetween();
    flex-direction: row;
    flex-wrap: wrap;
    .headCardBox{
      width: 22%;
      height: 100px;
      padding-right: 10px;
      box-sizing: border-box;
      background-color:white;
      box-shadow: 0 2px 8px 0 rgba(46, 45, 45, 0.3);
      .et-flex-start();
      .headCard_leftBox{
         width: 10%;
         height: 100%;

      }
      .headCard_rightBox{
         flex:1;
        .head{
          width: 100%;
          margin-bottom:5px;
        }
        .head_contentBox{
          width: 100%;
          .et-flex-start();
          .head_number_box{
            flex:1;
            .et-flex-end();
            align-items: flex-end;
            span{
              font-size:20px;
              font-weight: bold;
            }
            .head_leftBox{
              flex:1.5;
              font-size: 30px;
              font-weight: bold;
            }
          }
          
       
        }
        .head_rightBox{
          flex:1;
          margin-top:10px;
          .et-flex-start();
          .head_right_title{
            margin-left:10px;
          }
        }
      }
      .headCardBlue{
        border-left:5px solid #5470c6 ;
      }
      .headCardOrgen{
        border-left:5px solid #fac858 ;
      }
      .headCardRed{
        border-left:5px solid rgba(233,103,91, 1) ;
      }
    }
  }
  .bodyBox{
    margin-top:30px;
    width: 100%;
    height:600px;
    .et-flex-spacebetween();
    flex-direction: row;
    flex-wrap: wrap;
    .body_row_box{
      padding: 10px;
      padding-top:20px;
      width:69%;
      height: 600px;
      background-color:white;
      box-shadow: 0 2px 8px 0 rgba(46, 45, 45, 0.3);
      position: relative;
      box-sizing: border-box;
      .body_leftBox{
        width: 100%;
        height:90%;
        margin-bottom: 10px;
      }
      .body_row_laber{
         width: 100%;
         .et-flex-start();
         margin-bottom: 10px;
         padding-left: 5px;
         box-sizing: border-box;
        .label{
          width:90px;
          font-weight: bold;
        }
        .labelOne{
          width: var(--titleSize);
          font-weight: bold;
        }
      } 
      .back_btn_box{
         position: absolute;
         top:10px;
         right:10px;
      }
      .tableBox{
        position: absolute;
        width: 240px;
        border-top: 1px solid #999;
        border-left: 1px solid #999;
        border-right: 1px solid #999;
        bottom:20px;
        right:30px;
        .tableRowBox{
          zoom:0.8;
          width: 100%;
          .et-flex-center();
          border-bottom: 1px solid #999;
          .nameBox{
            flex: 1;
            height:30px;
            line-height: 30px;
            border-right: 1px solid #999;
            font-size:14px;
            text-align: center;
          }
          .countBox{
            flex: 1;
            height:30px;
            line-height: 30px;
            text-align: center;
            font-size:14px;
          }
        }
      }
    }
    .body_row_right_box{
      box-sizing: border-box;
      width:30%;
      height: 100%;
      background-color:white;
      .et-flex-column-normal();
      .body_row_top_box{
        flex:1;
        width: 100%;
        box-shadow: 0 2px 8px 0 rgba(46, 45, 45, 0.3);
        margin-bottom:10px;
        padding:10px;
        box-sizing: border-box;
        .et-flex-normal();
        .body_row_top_box_left{
          flex:1;
           height: 100%;
           box-shadow: 0 2px 8px 0 rgba(46, 45, 45, 0.3);
           margin-right:10px;
        }
        .body_row_top_box_right{
          flex:1;
          height: 100%;
          box-shadow: 0 2px 8px 0 rgba(46, 45, 45, 0.3);
        }
      }
      .body_row_bottom_box{
        flex:1;
        width: 100%;
        box-shadow: 0 2px 8px 0 rgba(46, 45, 45, 0.3);
        padding:10px;
        box-sizing: border-box;
      }
    }
    // .body_cententBox{
    //   padding: 10px;
    //   box-sizing: border-box;
    //   width:45%;
    //   height: 100%;
    //   background-color:white;
    //   box-shadow: 0 2px 8px 0 rgba(46, 45, 45, 0.3);
    // }
    // .body_rightBox{
    //   padding: 10px;
    //   box-sizing: border-box;
    //   width: 30%;
    //   height: 100%;
    //   background-color:white;
    //   box-shadow: 0 2px 8px 0 rgba(46, 45, 45, 0.3);
    // }
  }
  .bottomBox{
    width: 100%;
  }

}
